<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>

<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title>List Restaurantes</title>
       <link rel="stylesheet" href="../css/main.css" type="text/css" />
   </head>
   <body>
      <table cellpadding="0" cellspacing="0" align="center" style="Rest_table">
         <tr>
            <td>
      <f:view>
         <h1 align="center">Qualé a boa???</h1>
         <h:form>
            <p align="center">
               <h:commandLink action="#{restaurantes.createSetup}" value="Adicionar Novo restaurante"/>
            <br>
            <a href="/Qualeaboa/index.jsp">Back to index</a>
            <br><br>
            <h:outputText value="Restaurantes #{restaurantes.firstItem + 1}..#{restaurantes.lastItem} de #{restaurantes.itemCount}"/>&nbsp;
            <h:commandLink action="#{restaurantes.prev}" value="Anterior #{restaurantes.batchSize}" rendered="#{restaurantes.firstItem >= restaurantes.batchSize}"/>&nbsp;
            <h:commandLink action="#{restaurantes.next}" value="Próximo #{restaurantes.batchSize}" rendered="#{restaurantes.lastItem + restaurantes.batchSize <= restaurantes.itemCount}"/>&nbsp;
           <br>
            <h:commandLink action="#{restaurantes.next}" value="Restantes #{restaurantes.itemCount - restaurantes.lastItem}"
                     rendered="#{restaurantes.lastItem < restaurantes.itemCount && restaurantes.lastItem + restaurantes.batchSize > restaurantes.itemCount}"/></p>
                           
            <h:dataTable value='#{restaurantes.restaurantess}' var='item' cellpadding="2" cellspacing="0" styleClass="Rest_table">
               <h:column>
                  <a4j:commandLink action="#{restaurantes.detailSetupAjax}" value="#{item.nome}"
                                   reRender="nome, telefone, endereco, tipo, preco, atendimento, comida, bebida, indicacao, observacao" />
               </h:column>
               <h:column>
                  <h:commandButton image="../images/delete.gif" 
                  style="width:40; height:32;"
                  action="#{restaurantes.destroy}">
                     <f:param name="id" value="#{item.id}"/>
                  </h:commandButton>

                  <h:outputText value=" "/>
                  <h:commandButton image="../images/edit.gif" 
                  style="width:40; height:32;"
                  action="#{restaurantes.editSetup}">
                     <f:param name="id" value="#{item.id}"/>
                  </h:commandButton>
               </h:column>  
            </h:dataTable>
        </td>
        <td>
            <br><br><br><br><br>
            <h:panelGrid columns="2" cellspacing="2" cellpadding="2" styleClass="Rest_table">
               <h:outputText value="Nome:"/>
               <h:outputText value="#{restaurantes.restaurantes.nome}" title="Nome" id="nome" />
               <h:outputText value="Telefone:"/>
               <h:outputText value="#{restaurantes.restaurantes.telefone}" title="Telefone" id="telefone" />
               <h:outputText value="Endereço:"/>
               <h:outputText value="#{restaurantes.restaurantes.endereco}" title="Endereco" id="endereco" />
               <h:outputText value="Tipo:"/>
               <h:outputText value="#{restaurantes.restaurantes.tipo}" title="Tipo" id="tipo" />
               <h:outputText value="Preço:"/>
               <h:outputText value="#{restaurantes.restaurantes.preco}" title="Preco" id="preco" />
               <h:outputText value="Atendimento:"/>
               <h:outputText value="#{restaurantes.restaurantes.atendimento}" title="Atendimento" id="atendimento" />
               <h:outputText value="Comida:"/>
               <h:outputText value="#{restaurantes.restaurantes.comida}" title="Comida" id="comida" />
               <h:outputText value="Bebida:"/>
               <h:outputText value="#{restaurantes.restaurantes.bebida}" title="Bebida" id="bebida" />
               <h:outputText value="Indicação:"/>
               <h:outputText value="#{restaurantes.restaurantes.indicacao}" title="Indicacao" id="indicacao" />
               <h:outputText value="Observação:"/>
               <h:outputText value="#{restaurantes.restaurantes.observacao}" title="Observacao" id="observacao" />
            </h:panelGrid>
            <br><br>
            <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
         </h:form>
      </f:view>
   </td>
</tr>
</table>

   </body>
</html>
